@import "variables";
@import "compass/css3";

#display-encounter-diagnoses-container {
  font-size: 0.9em;
  h3 {
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
  }
  li {
    margin-bottom: 10px;
    .diagnosis {
      display: inline-block;
      background: #006191;
      border-left: 8px #006191 solid;
      padding: 5px 10px;
      width: 84%;
      color: white;
      @include border-radius(3px);

      &.primary {
        border-left: 8px $success solid;
      }

      .actions {
        float: right;
        font-size: 0.8em;
        margin-top: 5px;

        input {
          float: none;
          margin: 0px 0px 0px 10px;
          font-size: 0.8em;
        }
        label {
          vertical-align: top;
          display: inline;
        }
      }
    }
    i {
      display: inline;
    }
  }

  .matched-name {
    display: block;
    font-size: 1em;
  }

  .preferred-name {
    margin-top: 5px;
    display: block;
    font-family: $primaryLightFont;
    small {
      font-size: 1em;
      color: $darkerGrey;
    }
  }

  .code {
    float: right;
    font-family: $primaryLightFont;
    font-size: 0.9em;
  }

}